<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo05图片标签</title>
</head>
<body>
<!--相对路径
    1.当前位置：文件名；
    2.上级目录：../
    3.下级目录：目录名/...  ;
    -->
<img src="2.png" alt="图片走丢了" title="一夜暴富">
<img src="../1.png" alt="图片走丢了">
<img src="img/3.png" alt="xxxx" title="yyyy">

<!--使用绝对路径 -->
<img src="https://ts2.cn.mm.bing.net/th?id=ORMS.8c4cc44652ecfc5dc48fb75ef16fd527&pid=Wdp&w=612&h=304&qlt=90&c=1&rs=1&dpr=1.25&p=0"
     alt="xxxx">
<!--设置图片宽高
    width：设置图片高度
    height：设置图片宽度
    只要设置一个，则另一个会根据图片比例自行调整，
-->
<img src="img/zly.jpg" width="300px">



</body>
</html>